<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <link rel="stylesheet" href="login.css" type="text/css">
    <title>登录页面</title>
</head>
<body style="background-image: url(bg.jpg);">
    <form action="${pageContext.request.contextPath }/LoginServlet" method="POST">
        <div class="div0">
            <div class="div1">
                <div class="div2" style="padding-top: 1px;background-color: rgb(41, 96, 212);border-top-left-radius: 10px;
                border-top-right-radius: 10px;">
                    <h1 style="color: white;">个人通讯录</h1>
                </div>
                
                    <div class="div2" style="margin-top: 7%;">
                        <div class="div2-1 font">用户名：
                            <input type="text" required name="username"  style="outline: none;">
                            
                        </div>
                        <span id=div2>${errorMsg1}</span>
                        <div  class="div2-1 font">密&emsp;码：
                            <input type="password" required name="password"  style="outline: none;">
                            
                        </div>
                        <span id=div2>${errorMsg}</span>
                    </div>
                    <div class="div3">
                        <div class="div3-1  font">
                            角色：
                        </div>
                        <div class="div3-1 font">
                                <input type="radio"  required name="role" value="admin">管理员

                        </div>
                        <div class="div3-1 font">
                                <input type="radio" required name="role" value="users">用户                           
                        </div>
                    </div>
                    <span style="color:red;width:100%;text-align:center;">${DBMes}</span>
                    <div class="div4  font">
                        <div>
                            <input type="submit" value="登录">
                            <input type="reset" value="取消" style="margin-left: 10%;">
                            
                        </div>
                        
                    </div> 
                   <a href="signup.jsp" style="float:right; text-align:right;margin-right:5%">注册</a>
            </div>
        </div>
    </form>
    
</body>
</html>